<!DOCTYPE html>
<html xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>后台管理系统首页</title>
    <link type="text/css" rel="stylesheet" href="static/js/plugin/bootstrap/css/bootstrap.min.css"/>
    <link href="static/css/simple-sidebar.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/css/font.awesome/css/font-awesome.min.css"/>
    <link href="static/css/index.css" rel="stylesheet">
    <style type="text/css">
    .item-i {
    	padding-top: 5px;
    }
    </style>
</head>
<body style="height:100%;">
<nav class="navbar navbar-default navbar-fixed-top no-margin">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header fixed-brand">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" id="menu-toggle">
            <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
        </button>
        <a class="navbar-brand" style="color: #fff;" href="#">
            <i class="glyphicon glyphicon-th-large"></i>
            	我的控制台
        </a>
    </div><!-- navbar-header-->
    <a href="login.html" class="head-nav-btn"><i class="glyphicon glyphicon-log-out"></i> 退出</a>
    <a href="#" class="head-nav-btn">
    	<i class="glyphicon glyphicon-user"></i>
    	<shiro:principal property="account" />
    </a>
    <a href="#" class="head-nav-btn">
        <i class="glyphicon glyphicon-lock"></i><span>超级管理员</span>
    </a>
</nav>
<div id="wrapper" style="position:absolute;top:50px;bottom:0px;">
    <!-- Sidebar -->
    <div id="sidebar-wrapper">
        <div id="sidebarToggleBtn" class="sidebar-fold">
            <span id="sidebarToggleBtn-ico" class="fa fa-square"></span>
        </div>
        <ul class="sidebar-nav nav-stacked" id="menu">
        	<li th:each="menu : ${menus}">
        		<a href="role/index" class="J_menuItem">
	        		<span class="fa-stack fa-lg pull-left">
	                          <i class="fa fa-flag fa-stack-1x" aria-hidden="true" ></i>
	                </span>
                    	<span th:text="${menu.menuName}">测试一下</span>
        		</a>
        	</li>
        </ul>
        <!-- <ul class="sidebar-nav nav-stacked" id="menu">
        	<li>
        		<a href="role/index" class="J_menuItem">
	        		<span class="fa-stack fa-lg pull-left">
	                          <i class="fa fa-flag fa-stack-1x" aria-hidden="true" ></i>
	                </span>
                    	测试一下
        		</a>
        	</li>
        	<li>
        		<a href="#">
                        <span class="fa-stack fa-lg pull-left">
                            <i class="fa fa-sort-desc fa-stack-1x" aria-hidden="true"></i>
                        </span>
                    	系统管理
                </a>
                 <ul class="nav-pills nav-stacked" style="list-style-type:none;">
                 	<li>
                        <a href="#">
                                <span class="fa-stack fa-lg pull-left">
                                	<i class="fa fa-sort-desc fa-stack-1x" aria-hidden="true"></i>
                                </span>统计管理
                        </a>
                        <ul>
                        	 <li>
		                        <a href="user/index" class="J_menuItem">
		                                <span class="fa-stack fa-lg pull-left">
		                                	<i class="fa fa-flag fa-stack-1x "></i>
		                                </span>用户统计
		                        </a>
		                    </li>
		                    <li>
		                        <a href="role/index" class="J_menuItem">
		                                <span class="fa-stack fa-lg pull-left"><i class="fa fa-flag fa-stack-1x "></i>
		                                </span>角色统计
		                        </a>
		                    </li>
                        </ul>
                    </li>
                    <li>
                        <a href="user/index" class="J_menuItem">
                                <span class="fa-stack fa-lg pull-left"><i class="fa fa-flag fa-stack-1x "></i>
                                </span>用户管理
                        </a>
                    </li>
                    <li>
                        <a href="role/index" class="J_menuItem">
                                <span class="fa-stack fa-lg pull-left"><i class="fa fa-flag fa-stack-1x "></i>
                                </span>角色管理
                        </a>
                    </li>
                    <li>
                        <a href="menu/index" class="J_menuItem">
                                <span class="fa-stack fa-lg pull-left"><i class="fa fa-flag fa-stack-1x "></i>
                                </span>菜单管理
                        </a>
                    </li>
                 </ul>
        	</li>
        </ul> -->
    </div><!-- /#sidebar-wrapper -->

    <div class="row content-tabs" style="margin-right:0px;">
        <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
        </button>
        <nav class="page-tabs J_menuTabs">
            <div class="page-tabs-content">
                <a href="javascript:void(0);" class="active J_menuTab" data-id="welcome">首页</a>
            </div>
        </nav>
        <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
        </button>
        <div class="btn-group roll-nav roll-right">
            <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>

            </button>
            <ul role="menu" class="dropdown-menu dropdown-menu-right">
                <li class="J_tabShowActive"><a>定位当前选项卡</a>
                </li>
                <li class="divider"></li>
                <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
                </li>
                <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
                </li>
            </ul>
        </div>
    </div>
    <!--主界面-->
    <div class="row J_mainContent" id="content-main">
        <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="welcome"
            	 data-id="welcome" seamless></iframe>
    </div>
</div>
<!-- /#wrapper
<footer class="en text-center navbar-fixed-bottom">

</footer> -->
<!-- jQuery -->
<script src="static/js/plugin/jquery/jquery.min.js"></script>
<script src="static/js/plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="static/js/sidebar_menu.js"></script>
<script src="static/js/plugin/slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="static/js/plugin/layer/layer.js"></script>
<script src="static/js/plugin/metisMenu/jquery.metisMenu.js"></script>
<script src="static/js/hplus.min.js"></script>
<script src="static/js/contabs.min.js" type="text/javascript"></script>
<script type="text/javascript" src="static/js/index.js"></script>
</body>
</html>
